<template>
  <div class="content">
    <left class="left" />
    <router-view></router-view>
  </div>
</template>

<script>
import left from './views/left';
import right from './views/right';
export default {
  components: {
    left, right
  }
}
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}

.content {
  display: flex;

  .left {
    width: 12%;
    height: 100vh;
    background-color: #171717;
  }

  .right {
    width: 88%;
    height: 100vh;
  }
}
</style>
